<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>北大青鸟注册页面</title>
		<style>
			*{
				margin: 0px;
				padding: 0px;
			}
			body{
			background:url(images/reg-mobile.jpg) no-repeat scroll left top;
			}
			.c1{
				background-color: white;
				width: 800px;
				height: 600px;
				position: absolute;
				left:200px;
				top: 40px;
			}
			.c2{
				left:0px;
				top: 0px;
			}
			.c3{
				position: absolute;
				left:20px;
				top:60px;
			}
			li{
				width: 80px;
				height: 30px;
				display: inline-block;
			}
			
			p{
				color:gray;
			}
		</style>
	</head>
	<body>
		<div class="c1">
			<form action="12306register.html" method="GET">
				<div class="c2">
					<ul>
						<li><a href="">手机注册</a></li><li><a href="">邮箱注册</a></li>
					</ul>
				</div>
				<div class="c3">
					<p><input type="text" name="email" val/>请输入您的常用邮箱</p>
				</div>
			</form>
		</div>
	</body>
</html>